/*
 * @Author: yanjikun
 * @Date: 2022-04-28 16:20:13
 * @LastEditors: yanjikun
 * @LastEditTime: 2022-05-20 10:30:38
 * @Description: file content
 */

import { TooltipPlacement } from 'ant-design-vue/es/tooltip/abstractTooltipProps'
import { ExtractPropTypes, PropType } from 'vue'

export const basicHelpProps = {
  /**
   * 悬浮框最大宽度
   * @default 600px
   *  */
  maxWidth: {
    type: String as PropType<string>,
    default: '600px',
  },
  /**
   * 悬浮内容是否显示序号
   * @default false
   */
  showIndex: {
    type: Boolean as PropType<boolean>,
    default: false,
  },
  /**
   * 悬浮内容的字体颜色
   * @default #fff
   */
  color: {
    type: String as PropType<string>,
    default: '#fff',
  },
  /**
   * 悬浮内容的字体大小
   * @default 14px
   */
  fontSize: {
    type: String as PropType<string>,
    default: '14px',
  },
  /**
   * 悬浮框位置
   * @default right
   */
  placement: {
    type: String as PropType<TooltipPlacement>,
    default: 'top',
  },
  /**悬浮框文字内容 */
  text: {
    type: [String, Array] as PropType<string | string[]>,
  },
}

export type BasicHelpProps = Partial<ExtractPropTypes<typeof basicHelpProps>>
